<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<link href="css/bootstrap.min.css?v=3.3.6" th:href="@{/css/bootstrap.min.css?v=3.3.6}" rel="stylesheet">
<link href="/css/font-awesome.css?v=4.4.0" th:href="@{/css/font-awesome.css?v=4.4.0}" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/css/approval/public.css"/>
<link href="/css/plugins/toastr/toastr.min.css" rel="stylesheet">
<link href="/css/plugins/bootstrap-table/bootstrap-table.min.css" th:href="@{/css/plugins/bootstrap-table/bootstrap-table.min.css}" rel="stylesheet">
<link rel="stylesheet" href="/css/approval/box.css">
<link rel="stylesheet" href="/css/plugins/jQueryUI/jquery-ui.css"/>
<link rel="stylesheet" href="/css/approval/tableCheckboxStyle.css">
<link rel="stylesheet" type="text/css" href="/css/plugins/easyui/easyui.css">
<link rel="stylesheet" type="text/css" href="/css/plugins/easyui/icon.css">
</head>
<body>
	<div id="content" class="easyui-layout" data-options="fit:true">
		<div id="centerDetail" class="postponedTable" data-options="region:'center',border:false">
			<div id="notSelectCkDiv" class="main_toal_box">
				<div class="main_toal_left">
					<div class="main_toal_font">
						Total <span v-cloak>{{total}}</span>
					</div>
					<div class="main_toal_select">
					</div>
				</div>
				<div class="main_search_right">
					<div class="main_search btn-group" tabindex="0">
						<input class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" type="search" name="searchName" id="searchName" placeholder="Search" autocomplete="off"/>
						<span class="searchIcon"></span>
						<ul class="search dropdown-menu">
							<li class='dropdown-item'>Search by</li>
							<div class='dropdown-divider'></div>
							<li class='dropdown-item' id="title" value="title">Title: <span class="searchText">{{title}}</span></li>
							<li class='dropdown-item' id="creationDate"  value="creationDate">Creation date: <span class="searchText">{{creationDate}}</span></li>
						</ul>
					</div>
					<div class="detail_btn">Detail</div>
					<div class="refresh_btn"><i class="fa fa-refresh" aria-hidden="true"></i></div>
				</div>
			</div>
			<div id="selectCkDiv" class="main_toal_box" hidden>
				<span v-cloak>{{selectRowsTotal}} selected </span><a href="#" onclick="unCheckEvent()">Uncheck</a>
				<button id="batchDelBtn" type="button" class="batch_delete_btn" onclick="batchDelMail()">Delete</button>
			</div>
			<table id="dataTable" data-mobile-responsive="true" ></table>
		</div>
	</div>

	<!-- --------------------------------------------------------------->
	<script src="/js/jquery.min.js?v=2.1.4"></script>
		<!-- vue -->
	<script src="/js/vue.min.js"></script>
	<script src="/js/plugins/easyui/jquery.easyui.min.js"></script>
	<script src="/js/bootstrap.min.js?v=3.3.6"></script>
	<script src="/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
	<script src="/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
	<script src="/js/plugins/bootstrap-table/locale/bootstrap-table-locale-all.min.js"></script>
	<!-- <script src="/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
	<script src="/js/plugins/bootstrap-table/locale/bootstrap-table-en-US.min.js"></script>
	<script src="/js/plugins/bootstrap-table/locale/bootstrap-table-ko-KR.min.js"></script> -->
	<script src="/js/appjs/oa/webSocket/sockjs.min.js"></script>
	<script src="/js/appjs/oa/webSocket/stomp.min.js"></script>
	<!-- Toastr script -->
	<script src="/js/plugins/toastr/toastr.min.js"></script>
	<script src="/js/plugins/layer/layer.js"></script>
	<script src="/js/ajax-util.js"></script>
	<script type="text/javascript" src="/js/appjs/approval/postponed.js"></script>
</body>
</html>